<!-- <template>
	<div id="app">
		<users v-bind:users="users"></users>
前者自定义名称，以便于子组件调用，后者要传递数据名 
	</div>
</template> -->
<!-- <script>
import Users from './components/Users';
export default {
	name: 'App',
	data() {
		return {
			users: ['Henry', 'Bucky', 'Emily']
		};
	},
	components: {
		users: Users
	}
};
</script> -->
<!-- 子组件向父组件通信 -->
<template>
	<div id="app">
		<app-header v-on:titleChanged="updateTitle"></app-header>
<!-- 与子组件 titleChanged 自定义事件保持一致 // updateTitle($event)接收传递过来的文字 -->
		<h2>{{ title }}</h2>
	</div>
</template>
<script>
import Header from './components/Header';
export default {
	name: 'App',
	data() {
		return {
			title: '我是父组件的值'
		}
	},
	methods: {
		updateTitle(e) {
			//声明函数
			this.title = e;
		}
	},
	components: {
		'app-header': Header
	}
};
</script>
